{% extends "base.html" %}
{% block Titulo %}login de ubicanegocios.com{% endblock %}
{% block content %}
<script type="text/javascript">
    function ValidoCorreos(tipo)
    {
        var campo;
        if(tipo=="alta")
        {
            campo=$("#correo");            
        }
        else
        {
            campo=$("#usuario");            
        }
	var Dato=campo.attr("value");	
	var filter=/^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/;
	var correcto=false;        
	if(Dato.length>0)
	{
	    if(filter.test(Dato))
	    {
		correcto=true;
	    }
	}
	if(!correcto)
	{
	    alert("Ingrese una direccion de correo valida");
	    campo.focus();
	}
	else
	{
            if(tipo=="alta")
            {
                envioCorreo();            
            }
            else
            {
                intentologin()
            }
	}
    }
    function intentologin()
    {
        var Dato=$("#usuario").attr("value");
        ajax={
            type: "POST",            
            async:true,
            dataType:"JSON",
            url:"/validologin",
            data:"correo="+Dato,
            error: function ()
                    {
                        alert("Ocurrio un error con el ingreso al sistema")
                    },            
            success: Mensaje
        };
        $.ajax(ajax);//llamo la funcion con JQUERY        
        return false;     
    }
    function Mensaje(Datos)
    {
        var miObjeto = eval('(' + Datos + ')');        
        for (obj in miObjeto)
        {            
            $("#confirmacion").html("<br><br>"+miObjeto[obj].Dato);
            if(miObjeto[obj].Dato=="Login exitoso")
            {
                var Dato=$("#usuario").attr("value");
                window.location="./altaempresas/?correo="+Dato
            }
        }
    }
    function envioCorreo()
    {
        var Dato=$("#correo").attr("value");
        ajax={
            type: "POST",
            async:true,
            dataType:"JSON",
            url:"/enviocorreo",
            data:"correo="+Dato,
            error: function ()
                    {
                        alert("Ocurrio un error con el envio de correo")
                    },            
            success: Mensaje
        };
        $.ajax(ajax);//llamo la funcion con JQUERY        
        return false;        
      
    }    
    
</script>

<link href="/mediapage/login.css" rel="stylesheet" type="text/css" />
 <div id="login">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="90%"> 
<tr> 
<td width="100%" align="center">
    
    <div id="textologin" >
        <table border="0" cellpadding="0" cellspacing="0" class="tablatextologin">
	    <tr >
		<td colspan=2 style="text-align:center">
		    <b>Ingrese al sistema</b>
		</td>
		<td colspan=3 style="text-align:center">
		    <b>O capture una cuenta nueva</b>
		
		</td>
	    </tr>
	<tr>
	    <td colspan=5>
		<br>
	    </td>
	</tr>
        <tr>
            <td>
                Usuario:&nbsp
            </td>
            <td>
                <input name="usuario" type="text" id="usuario" value="" size="25">
            </td>
	    <td rowspan=5>
		<img src="/mediapage/images/linea.png" id="barra"/>
	    </td>
	    <td>
		&nbsp&nbsp&nbsp&nbsp Correo electronico :
	    </td>
	    <td>
		<input name="correo" type="text" id="correo" value="@" size="25">
	    </td>
        </tr>
        <tr>
            <td>
                <br>
            </td>
            <td>
            </td>
	    <td>
            </td>
	    <td>
            </td>
        </tr>
        <tr>
            <td>
                <!--Password:-->
            </td>
            <td>
                <!--<input name="password" type="password" id="password" value="" size="25">-->
            </td>
	    <td>
            </td>
	    <td>
            </td>    
        </tr>
        <tr>
            <td>
                
            </td>
            <td align="right" >
                <br>
                <button id="grabar" style="width:80px;" onclick="ValidoCorreos('login')">Enviar</button>
            </td>
	    <td>
	    </td>
	    
	    <td align="right">
		<br>
                <button id="enviarcorreo" style="width:80px;"  onclick="ValidoCorreos('alta')">Enviar</button>
	    </td>
        </tr>
        </table>
    </div>
    <div id="confirmacion" style="text-align:center">

    </div>
</td> 
</tr> 
</table>
 </div>
{% endblock %}